@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-04-21 14:01:47
 * @version $Id$
 */
html body {font-family: "microsoft yahei";}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, form, th, td { margin: 0; padding: 0;}
body, button, input, select, textarea {font: 12px/1.5 Tahoma,Arial,"\5b8b\4f53",sans-serif;}
div {  display: block;}
fieldset, img {border: none;}
ul, ol {list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none; }

input,button{border:none;}

.cood-text{text-overflow: ellipsis; overflow: hidden;white-space:nowrap;}
.index-page .ani img{ position: relative;left: 0px;

transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.index-page .ani img:hover{
 transform: scale(1.1);
}

/*顶部工具条*/
.topbar{height: 30px;line-height: 30px; background:#f8f8f8;border-bottom: #f0f0f0 solid 1px;    overflow: hidden; }
.topbar .col-xs-3{padding: 0;}
.topbar .col-xs-3 span{margin:0 5px;}
.topbar .col-xs-3.pull-right{text-align: right;}
.topbar .col-xs-3 span a{color: #333;font-size: 14px;}



.mod-masthead {box-shadow: 1px 2px 9px #e7e7e7;}
.mod-cont {width: 1200px; margin: 0 auto;height: 83px;}
.fd-clr {zoom: 1;}

/* 左边信息 */
.mod-masthead .masthead-logo {  z-index: 99;}
.mod-masthead .masthead-logo {display: block;  float: left;  height: 40px; margin-top: 20px; position: relative;}
.mod-masthead .masthead-logo .m-site { width: 210px; overflow: hidden; margin-right: 10px; padding-right: 10px;  border-right: 1px solid #e5e5e5;}
.mod-masthead .masthead-logo .site {  display: block;height: 42px; float: left;  color: #000;}
.mod-masthead .masthead-logo .t-site, .mod-masthead .masthead-logo { z-index: 99;}
.mod-masthead .masthead-logo .t-site .title { color: #000!important; line-height: 42px; height: 42px; font-size: 16px;font-family: "microsoft yahei"; display: inline-block;}
.mod-masthead .masthead-logo .t-site .title span { max-width: 274px; _width: 274px;overflow: hidden;text-overflow: ellipsis;display: inline-block;height: 42px; line-height: 42px;float: left;}
.mod-masthead .masthead-logo .t-site .title span.cont { background: url(../img/cko.png) no-repeat -1px 0;}
.mod-masthead .masthead-logo .t-site .title span.active{background-position: -15px 0px;}
.mod-masthead .masthead-logo .t-site .title span.cont { display: inline-block; width: 14px; height: 14px;border: 1px solid #dedede;margin: 0 8px;vertical-align: middle; position: relative; float: left;margin-top: 15px;border-radius: 3px;}
.mod-masthead .masthead-logo .t-site .title span {max-width: 274px;  overflow: hidden;text-overflow: ellipsis; display: inline-block;height: 42px; line-height: 42px; float: left;}
.mod-masthead .masthead-logo .info {z-index: 99; zoom: 1; width: 412px;  height: 263px; position: absolute;top: 63px; left: 178px; background-color: #fff; border: 1px solid #e4e4e4; display: none;}
.mod-masthead .masthead-logo .info .name { width: 411px; background-color: #f1f1f1; line-height: 50px;font-size: 14px; font-family: "microsoft yahei";    height: 50px;}
.mod-masthead .masthead-logo .info .name p { float: left;height: 50px; line-height: 50px;font-size: 14px; margin: 0 35px 0 20px;  display: inline-block;  width: 305px;  overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.mod-masthead .masthead-logo .info .name img {  float: left; margin-top: 18px;}
.ck-red{font-size: 32px; position: relative;top: 6px; color:#027cff}
.mod-masthead .masthead-logo .info ul {margin: 15px 20px 0;height: auto; overflow: hidden;}
.mod-masthead .masthead-logo .info .icon-store { margin-right: 5px;}
.btn-m-g {  border: 1px solid #b7b7b7; color: #555; font-size: 12px; font-family: "microsoft yahei";}
.mod-masthead .masthead-logo .info ul li {  float: left;  height: 22px;  line-height: 22px; width: 185px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.mod-masthead .info ul .medal span { height: 16px;line-height: 16px; margin-top: 3px; float: left;}
.icon-store, .icon-subscribe { min-width: 50px !important;padding: 6px 13px 6px 13px !important;border-radius: 3px;}
.pk-cd{font-size:16px;position: relative;top: 1px;margin-right: 2px}
.cps-xiabup .mod-btm a { margin: 14px 9px 0 0;}
.btn-m-g:hover{border:1px solid #027cff; color:#027cff }
.mod-masthead .masthead-logo .info .list {  padding: 15px 0 5px; border-top: 1px solid #f1f1f1;}
.mod-masthead .masthead-logo .info .list span {  font-weight: 700; margin: 0 5px;}
.mod-masthead .masthead-logo .info .mod-btm { margin-left: 20px; line-height: 32px;height:31px;}
.mod-title a.more:hover {color: #027cff;}

/* 右边信息 */
.mod-masthead .masthead-nav { display: block; float: right;  height: 83px;}
.mod-masthead .masthead-nav li { display: inline-block;height: 83px;float: left;}
.mod-masthead .masthead-nav li a.current  { border-bottom-color: #027cff; background-color: #f2f2f2;color: #027cff;}
.mod-masthead .masthead-nav li a { display: inline-block; height: 83px;  line-height: 83px; border-bottom: 4px solid #fff;  font: 400 14px/80px "Microsoft YaHei"; color: #000;  text-decoration: none;  text-align: center;  padding: 0px 16px;}
.mod-masthead .masthead-nav li a:hover{color: #027cff}


.masthead-nav .nav-secondary .active a{border-bottom-color: #027cff; background-color: #f2f2f2;color: #027cff;}

/* banner轮播图 */
.carousel-aa{width: 1200px; margin: 0 auto;}
.carousel-endso{display: block;  position: absolute;bottom: 10px;  z-index: 15;width:auto;padding-left: 0;  text-align: center; list-style: none;   margin-left: 0%; right: 0px}
.carousel-cdrem li{    display: inline-block; width: 15px;  height: 15px;margin: 1px;text-indent: -999px;cursor: pointer;  border: 1px solid #fff; border-radius: 10px;}
.carousel-indicators .active{   width: 17px; height: 17px; margin: 0; background-color: #027cff;border: 1px solid #027cff;}
.carousel-control,.ico-left-n{background-image: none;}

.my-carousel .carousel-control.left{background:none;}
.my-carousel .carousel-control.right{background:none;}


/* 中间部分 */
.segment-box { width: 1200px; margin: 0 auto;height:auto;overflow: hidden;}
.layout {padding-bottom: 8px;width: 100%;height: auto;overflow: hidden;}
.grid-main {  float: left;width: 335px; min-height: 1px;}
.layout-m0s5 .main-wrap {margin-right: 865px;}
.mod-ui-hidden-title .m-body, .mod-ui-not-show-title .m-body, #content .mod-ui-hidden-title .m-body, #content .mod-ui-not-show-title .m-body { padding-bottom: 0;  border: 0;opacity: 1;  filter: none;}
#content .mod-ui-hidden-title .m-content, #content .mod-ui-not-show-title .m-content { padding: 0;}
.mod-sourcing { width: 335px;margin-top: 40px;}
.mod-title { position: relative; height: 41px; width: 100%;}
.mod-title .ct { position: relative;display: inline-block;  height: 41px;background-color: #fff;}
.icon-wrap-m {  width: 41px; height: 41px;     background: url("../img/dangan.png") no-repeat; }
.mod-title .ct h3, .mod-title .ct span, .mod-title .ct a {display: inline-block; height: 41px;line-height: 41px;  zoom: 1;vertical-align: middle;}
.mod-title .ct h3 {padding-left: 10px;  font-size: 22px;font-weight: 400; color: #222; line-height: 41px;  margin-right: 5px;    font-family: "Microsoft YaHei" ! important; }
.mod-title .ct h3, .mod-title .ct span, .mod-title .ct a {  display: inline-block; height: 41px;line-height: 41px;  zoom: 1; vertical-align: middle;}
.mod-title a.more {position: absolute;  right: 20px;  top: 11px; padding: 0px 5px;   color: #555555; background-color: #ffffff;}
.mod-title .link { width: 100%; height: 1px;  margin-top: -20px; border-bottom: 1px solid #dddddd;}
.mod-sourcing .mod-list {  clear: both;}
.mod-vivi{width: 100%;height: auto;overflow: hidden;}
.sourcing-zonti{float: left;padding: 20px 0 0 0; }
.sourcing-up{width: 100%;height: auto;overflow:hidden;}

.up-quenyun{width: 61px;height: 61px; border-radius: 50%;background-color: #f2f2f2; margin: 0 23px 0 23px; -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.up-quenyun:hover{background: #fd6919; }
.up-quenyun:hover .cd{color: #fff}
.up-quenyun span{height: 61px;line-height: 61px;  -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.up-quenyun,.cd{text-align: center; font-size: 30px;color:#b0b0b0;}
.cp-quenyun{width: 100%; text-align: center;padding: 17px 0 0 0; }
.cp-quenyun span{font-size: 14px; color: #555555}
.cp-quenyun span:hover{color: #232323}
.sourcing-cps{clear: both; width: 100%; height: auto; overflow: hidden; background-color: #fafafa;padding: 14px 0 14px 0; margin-top: 25px;}


.cpa-wenzi{width: 100%;}
.cpa-wenzi p{padding: 0 18px 0 18px; color: #555555}
.cpa-wenzi p:hover{color: #232323}
.cpa-lianjie{width: 100%;padding: 17px 18px 0 18px;text-align: right; }
.cpa-lianjie a{ color: #f97729;}
.cpa-lianjie a:hover{ color:#027cff}
.icon-wrap-m1 {  width: 41px; height: 41px;     background: url("../img/lianx.png") no-repeat; }
.cps-cutyrl{width: 100%;padding: 0 18px 0 18px; }
.cps-cutyrl h3{font-size: 15px;color:#000000;line-height: 41px; height: 41px;    border-bottom: 1px dashed #eeeeee;}
.cps-skoop{width: 100%;padding: 12px 18px 12px 18px;}
.cps-skoop ul li{line-height: 25px; height: 25px}
.cps-xiabup{width: 100%;padding: 12px 18px 12px 18px;}

.grid-sub, .grid-extra { float: right;}
.layout-m0s5 .grid-sub { width: 827px; }
.region-coutr{width: 100%;height: auto;overflow: hidden; margin-top: 40px}
.icon-wrap-m2{width: 41px; height: 41px;     background: url("../img/cpxinxi.png") no-repeat;}
.region-bingtuo{width:100%;height: auto; overflow: hidden; margin-top: 21px}
.bingtuo-sada{width: 196.6px;border:1px solid #e8e8e8; float: left; margin: 5px 5px 5px 5px; -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
 }
.bingtuo-sada:hover{border:1px solid #0f5ff1;}
.sada-tui{width: 100%;padding: 10px 10px 0 10px;}
.sada-wenzi{width: 100%; padding: 0 10px 0 10px;}
.sada-wenzi h3{font-size: 13px;color: #2d2d2d; border-bottom:1px solid #eeeeee; line-height: 40px; height: 40px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.sada-jiage{width: 100%; padding: 0 10px 0 10px;}
.sada-jiage h3{font-size: 12px;color: #B0B0B0; line-height: 30px;height: 30px}
.sada-jiage h3 span{font-size: 18px;color: #fd6919}

.icon-wrap-m3{width: 41px; height: 41px;     background: url("../img/anlie.png") no-repeat;}
.region-gocheng{width: 100%; height: auto; overflow: hidden;margin-top: 40px; position: relative; padding:0 0 25px 0}
.gocheng-anlie{width:265px; border:1px solid #e9e9e9;  float: left; margin:5px 5px 5px 5px;position:relative;-moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;}
.anlie-tuipi{width: 100%;padding: 14px 12px 0 12px;}
.anlie-xiangmu{width: 100%;padding: 6px 10px 2px 10px;}
.gocheng-anlie:hover{border:1px solid #0f5ff1;}
.anlie-xiangmu span{ font-size: 14px;color: #9a9a9a; }
.anlie-xiangmu,.icon-xiangmu{font-size: 20px; }
.kicdwe{position: relative;top:2px; margin-right:5px; color: #8e8e8e}
.anlie-neiron{width: 100%;padding: 0 10px 0 10px;}
.anlie-annun{width: 100%;padding: 15px 10px 15px 10px;}
.annun-adda{width: 100%; padding: 7px 0 7px 0; text-align: center;    display: inline-block; overflow: hidden;vertical-align: middle; font-size: 18px;  color: #fff; background: #0072ff; cursor: pointer;background: -webkit-linear-gradient(top left, #0072ff 0%, #00c6ff 100%);  -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;}
.annun-adda:hover{color:#fff;background: #006aed;background:-webkit-linear-gradient(top left, #006aed 0%, #05b4e6 100%);}

/* 工程案列滚动 */
.banner_img{width:827px; }
.banner_img li{float:left;width:827px;position:relative;}

.banner .child1{position:absolute;width:588px;height:425px;left:66px;top:0}
.banner .child2{position:absolute;width:654px;height:425px;left:343px;top:0}
.banner_common{position:relative;width:770px;margin:0 auto}
.banner_pre{position:absolute;top:50%;left:0;margin-top:90px;width:60px;height:60px;cursor:pointer;background:url(../img/banner_btn_l_24.png) no-repeat;filter:alpha(opacity=50)}
.banner_next{position:absolute;top:50%;right:0;margin-top:90px;width:60px;height:60px;cursor:pointer;background:url(../img/banner_btn_r_24.png) no-repeat;filter:alpha(opacity=50)}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner ,.control{width:130px;position:absolute;top:362px;left:50%;margin-left:-40px}
.banner ,.control li{float:left;margin-left:10px;width:18px;height:18px;border-radius:50%;cursor:pointer;background:#dcdcdc}
.banner ,.control li a{display:none}
.banner ,.control li.current{background:#0072ff;}


/* 第二页 */
.m-content{ padding: 0;}
.mod-banner{    width: 100%; height: 160px; margin: 0 auto; background:url(../img/sa-1.jpg) center center; -moz-background-size:100% 100%; background-size:100% 100%;  }
.mod-banner .banner-t {width: 1190px;margin: 0 auto;  color: #FFFFFF;  padding: 40px 0 0 60px; font-family: "microsoft yahei";}

.background-cols{background:#fafafa}
.mod-banner .banner-t .t1 {  font-size: 36px; height: 50px; line-height: 50px; width: 90%}
.mod-banner .banner-t .t2 {  height: 40px;line-height: 40px;font-size: 18px;}
.banner-t .t2{width: 90%}
.icon-wrap-m4{width: 41px; height: 41px;     background: url("../img/qiye-dangan.png") no-repeat;}
.qi-danane{background:#fafafa; width: 100%; height: auto;overflow: hidden;}
.qi-biati{width: 100%; padding: 10px 10px 10px 10px;}
.qi-biati h3{font-size: 18px;font-weight: 400;color: #000;line-height: 30px;border-bottom:1px dashed #E4E4E4;}
.qi-neiron{width: 100%; padding: 0 15px 30px 15px; }
.qi-neiron p{line-height: 25px; font-size: 14px;color: #555555}
.qi-neiron p:hover{color: #000}
.qi-fenlei{width: 100%; padding: 0 15px 20px 15px;background:#fafafa;}
.fenlie-and,.bj-and{ font-size: 14px ;}
.table td, .bj-and{border-bottom:1px dashed #E4E4E4;}
.bj-and{width: 90%}
.coler-nne{color: #0072ff;font-size: 18px}
.bj-jj{font-size: 14px; color: #555555;background:none;}
.bj-jj:hover{color: #000}
.bj-and-rinht{ text-align: right;color: #F00; width: 10%; }
.bj-and-zhengq{text-align: right;color: #20d208; width: 10%; }
.fenlie-and tr{-moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.fenlie-and tr:hover{background: #eee;-moz-box-shadow:6px 1px 8px #8f9cae;} 
.zizhi-lnubo{width: 100%; }
.zihis-ss{    width: 182.7px; height: 122px;border: 1px solid #E4E4E4; float: left; margin: 7px 5px 7px 4px;}
.zihis-ss img{width: 100%; height: 100%}
.ctu{width: 100%;    padding: 10px 30px 38px 30px; height: auto;overflow: hidden;}
.carousel-control.cent-pp{background: none; width:3%;}
.chars-asa{background-color: #fafafa;}
.carousel-bottom{bottom: 9px}


.zizhi-lnubo .carousel-control .icon-chevron-right,.carousel-control .icon-chevron-left{color: #8e8e8e; top: 40%}
.carousel-puls li{display: inline-block; width: 17px; height: 17px; margin: 1px; text-indent: -999px; cursor: pointer;border: 1px solid #b7b7b7; border-radius: 10px;}
.qi-xiangce{width: 100%; padding: 0px 19px 20px 19px;;background:#fafafa; }
.qi-row{padding: 7px 7px 7px 7px;}



/* 产品信息页面 */
.chanping-fengye{width: 100%;padding:0px 7px 0 7px; height: auto;overflow: hidden;}

/* 工程案列页面 */
.gocheng-anliea{padding: 20px 10px 0 10px; width: 100%; height:auto; overflow: hidden;}
.cop-witht{margin: 5px 6px 5px 6px;width: 31.7%;}
.cards-condensed .bucd{border-bottom: 1px solid #ddd;;border-right: 1px solid #ddd;} 
.card-assasa{border: none;}
.yd-1{ float: left; }
.yd-2{float: right;}
.sanea-s{font-size: 14px;padding-right: 5px}
.guod-d{width: 240px; height:160px;}
.guod-d img{width: 100%; height: 100%}

/* 案列详细页面 */
.xiangxi-biaoti{width: 1200px; margin: 0 auto;  height: auto;overflow:hidden;}
.xiangq-biao{    width: 100%; padding: 15px 10px 15px 10px; background: #F3F3F3;}
.clayy{    margin-bottom: 9px;}
.shijian-didian{width: 100%; padding: 15px 10px 15px 10px; }
.shijian-didian ul li{float: left; font-size: 14px}
.smihh-jj{width: 100%;  padding: 15px 10px 15px 10px; }
.smihh-jj p{line-height: 25px;font-size: 14px}

.xinshang-as{width: 100%;  padding: 15px 10px 15px 10px; }
.jssora05l,.jssora05r{position:absolute;display:block;overflow:hidden;width:40px;height:40px;background:url(../img/a17.png) no-repeat;cursor:pointer;}
.jssora05l{background-position:-10px -40px;}
.jssora05r{background-position:-70px -40px;}
.jssora05l:hover{background-position:-130px -40px;-moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;}
.jssora05r:hover{background-position:-190px -40px;-moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;}
.jssora05l.jssora05ldn{background-position:-250px -40px;}
.jssora05r.jssora05rdn{background-position:-310px -40px;}
.jssort01 .p{position:absolute;top:0;left:0;width:200px;height:150px;cursor: pointer;-moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;}
.jssort01 .t{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
.jssort01 .w{position:absolute;top:0;left:0;width:100%;height:100%;}
.jssort01 .c{position:absolute;top:0;left:0;box-sizing:content-box;width:200px;height:150px;}
.jssort01 .pav .c{top:2px;left:2px;width:200px;height:150px;border:#eee 0 solid;background-position:50% 50%;}
.jssort01 .p:hover .c{top:0;left:0;width:200px;height:150px;border:#fff 1px solid;background-position:50% 50%;-moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;}
.jssort01 .p.pdn .c{width:200px;height:150px;border:#eee 1px solid;background-position:50% 50%;}
* html .jssort01 .c,* html .jssort01 .pav .c,* html .jssort01 .pdn .c{width:200px;height:150px;}



/* 产品信息展示页面 */
.shonw-goods{width:1200px; margin:0 auto; height: auto;overflow: hidden;}
.goods-ss{width: 100%; height: auto;overflow: hidden; margin-top: 20px;}
.goods-zuo{width: 450px; float: left;}
.goods-you{width: 700px;float: right;}

.preview{width:450px;height:520px;}
.smallImg{position:relative;float:left;overflow:hidden;margin-top:1px;padding:15px 0 8px 0;width:450px;height:74px;}
.scrollbutton{position:absolute;overflow:hidden;width:22px;height:32px; top: 28px; left: 2px; cursor:pointer;}
.scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled{background:url(../img/ioc-zuo.png) no-repeat;}
.scrollbutton.smallImgDown,.scrollbutton.smallImgDown.disabled{background:url(../img/ioc-you.png) no-repeat; margin-top:0px;margin-left:423px;}
#imageMenu{overflow:hidden;width:380px;height:55px; margin: 0 auto;}
#imageMenu li{float:left;overflow:hidden;width:55px;height:55px;text-align:center; margin: 0 4px 0 4px;}
#imageMenu li img{width:55px;height:55px;cursor:pointer;}
#imageMenu li#onlickImg img,#imageMenu li:hover img{width:55px;height:55px;border:2px solid #F10000;}
.bigImg{position:relative;float:left;overflow:hidden;width:450px;height:400px; border: 1px solid #ddd}
.bigImg #midimg{width:450px;height:400px;}
.bigImg #winSelector{width:235px;height:210px;}
#winSelector{position:absolute;border:1px solid #fff;background-color:#000;opacity:.15;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:.15; }
#bigView{position:absolute;z-index:999;overflow:hidden;border:1px solid #959595;}
#bigView img{position:absolute;max-width: none;}


.goods-you .sku-name{font: 700 16px Arial,"microsoft yahei";color: #666; padding-top: 10px; line-height: 28px; margin-bottom: 5px;  }
.goods-you .news{color: #e4393c; margin-bottom: 8px;}
.goods-you .summary{ padding-bottom: 5px; width: 100%;height:background: #f3f3f3;}
.goods-you .summary-price-wrap{padding: 20px 0 15px; background: url(../img/price-bg.png) 0 -12px repeat-x #efefef;   width: 100%; height: auto; overflow: hidden;}
.goods-you .summary-price-wrap .J-summary-price{margin-bottom: 5px;}
.goods-you .dt {float: left;  padding-left: 10px;color: #999; font-size: 14px;}
.goods-you .summary-price-wrap .J-summary-price .dt {}
.goods-you .dd{margin-left: 70px;line-height: 17px}
.goods-you .summary-price-wrap .summary-price .p-price   { color: #E4393C;font-family: "microsoft yahei"; margin-right: 5px;}
.goods-you .summary-price-wrap .summary-price .p-price  span{font-size: 14px}
.goods-you .summary-price-wrap .summary-price .p-price .price{font-size: 22px;}
.goods-you .summary-price-wrap .summary-price .p-price .advvb{font-size: 14px;}

.cloop-sad{width: 100%; padding: 7px 0 10px 0;}
.cloop-sad h1{font-size: 12px;line-height: 25px;  color: #999; font-weight: 400;}
.with-ss{width: 180px; height:40px; border-radius:inherit; font-size: 18px;font-family: "microsoft yahei"; float: left; margin-right: 10px}

.an-ss{width: 100%;height:auto; overflow: hidden; padding: 10px 0 10px 0;}
.btn-dsf{background:#ff7300; color: #fff;border-color: #ff7300;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.btn-dsf:hover{background: #ff5a00; color: #fff;border-color: #ff5a00;-moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.icon-kiut{padding-right:5px; font-size: 18px}
.btn-ffe{    border-color: #f9d59e;background-color: #ffecda;  color: #f46200; border: 1px solid  #FFC596;;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.btn-ffe:hover{background-color:#FDE6D1;background-color: #FFE4CC; border:1px solid #ff7300;  bor-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}

.tishi-aa{width: 100%;height:auto; overflow: hidden; padding: 5px 0 10px 0;}
.tishi-aa h3{font-size: 12px;font-weight: 400;color: #999}
.tishi-aa h3 span{padding-left: 20px}
.changpig-jvav{width: 100%;border-bottom: 1px solid #ddd}


.changpjie-ss{width:1200px; margin:0 auto; height: auto;overflow: hidden;}
.zhangs-as{width: 100%;height:auto; overflow: hidden; padding: 7px 0 10px 0; }
.zhangs-as-as{100%;height:auto; overflow: hidden; padding: 15px 0 10px 0; }
.enced-ss{float: left; padding: 10px 10px 0 10px; border:none; width: 185px; border-radius:inherit; margin:0 10px 0 5px; box-shadow: none;}
.goods-guera{ width:160px; height: 160px; overflow: hidden;  }
.goods-guera img{width: 100%;height:100%;}
.text-cen{text-align: center; color:red; font-size: 14px}
.mod-ssdfkl{margin-top: 0px}
.xmlns-asas{width: 100%; height: auto;overflow: hidden; border-bottom: 1px dashed #ddd}
.xmlns-asas ul { padding: 20px 0 15px;overflow: hidden;}
.xmlns-asas .p-parameter-list li{width: 200px;    padding-left: 42px;  float: left;margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden;white-space:nowrap;}
.nei-zhangshi {width: 100%; height: auto;overflow: hidden; margin-top: 25px}
.nei-zhangshi img{width: 100% ; height:100%;}


.dt-scroll{position: fixed; top: 15px; float: none;}



/*网站底部*/
.container-fluid{padding: 0;}
.container{padding: 0;}
.container-fluid.footer-box{position: relative;z-index: 999;background: #f5f5f5;margin-top: 50px;}
.container-fluid.footer-box hr{margin-bottom: 20px;}
.container-fluid.footer-box a{color: #353535;}
.container-fluid.footer-box a:hover{color:#0072ff; }
.footer-box .foot-top-4-box .col-xs-3{text-align: center;margin:20px 0;}
.footer-box .footer-lianxi-box{padding: 0 0 20px 0;overflow: hidden;}
.footer-box .footer-lianxi-box hr{margin-top: 0;}
.footer-box .footer-lianxi-box .col-xs-3{width: 25%;}
.footer-box .footer-lianxi-box .col-xs-3 h3{font-weight: 600;margin-top: 5px;}
.footer-box .footer-lianxi-box .col-xs-3 p{font-size: 12px;margin-top: 10px;color: #aaa;line-height: 24px;}
.footer-box .footer-lianxi-box .col-xs-4{width: 25%;padding-left: 0;}
.footer-box .footer-lianxi-box .col-xs-4 h3{margin-bottom: 10px;font-weight: 600;}
.footer-box .footer-lianxi-box .col-xs-4 p{font-size: 12px;}

.footer-box .link-icp-box{padding: 0; background: #fff;padding: 30px 0 50px 0;text-align: center;overflow:hidden;line-height: 24px;}

.footer-box .link-tit{display: inline-block;margin-right: 20px;}
.footer-box .link-icp-box ul li{display: inline-block;padding: 0px 10px 0px 5px;border-right: #ddd 1px solid;height: 10px;line-height: 10px;}
.footer-box .link-icp-box ul li:last-child{border-right: none;}


/*右侧栏*/
.right-bar{position: fixed;z-index: 99999;top:70%;right: 0;width: 30px;}
.right-bar li{width: 30px;height: 30px;line-height: 30px; text-align: center;color: #fff;cursor:pointer;}
.right-bar li a{color: #fff;}
.right-bar li:hover{opacity: .9;}
.right-bar li .iconfont{font-size: 16px;}
.right-bar li .icon-flag{position: relative;left: -2px;}
.right-bar .right-bar0{background: #d85656;}
.right-bar .right-bar1{background: #0076d1;}
.right-bar .right-bar2{background: #f7971e;}
.right-bar .right-bar2 img {
    position: fixed;
    right: 0px;
    width: 0px;
    height: 0px;
    top: 70%;
    box-shadow: #ddd 2px 2px 10px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.right-bar .right-bar2:hover img {
    width: 100px;
    height: 100px;
    opacity: 1;
    right: 40px;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}


.right-bar .right-bar3{background: #45b649;padding-left: 3px;width: 30px;
 position: relative;font-size: 12px;margin-left:0;overflow:hidden;-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s}
.right-bar .right-bar3:hover{width: 320px;height: 60px; margin-left: -290px;opacity: 1;}
.right-bar .right-bar3 .iconfont{font-size: 16px;position: relative;left: -2px;}
.right-bar .right-bar3 span{padding-left:10px;}
.right-bar .right-bar4{background: #2d3e50;display: none;}
.right-bar .right-bar0:hover a{opacity: .9;color: #eee;}


/*询价表单页面*/
.form-page-box{margin:30px 0;}
.form-page-box .form-page-box-top{height: 100px;width: 100%;padding-top: 25px; background: #fff;text-align: center; border:#ddd 1px solid;}
.form-page-box .form-page-box-top h3{padding-top: 10px;}

.form-page-box .form-page-box-body{min-height: 500px;width: 100%;margin:25px 0; padding:40px; background: #fff; border:#ddd 1px solid;}
.form-page-box .form-page-box-body .col-sm-1{width: 10%;}
.form-page-box .form-page-box-body .col-sm-offset-1{margin-left: 10%;}
.form-page-box .form-page-box-body input{border-radius: 0;height: 42px;}
.form-page-box .form-page-box-body textarea{border-radius: 0;}
.form-page-box .form-page-box-body select{border-radius: 0;height: 42px;}
.form-page-box .form-page-box-body .form-page-section button.button-circle{border-radius: 50%;height: auto;}
.form-page-box .form-page-box-body .form-page-section button{border-radius: 0;height: 42px;}
.form-page-box .form-page-box-body .form-page-section{margin-bottom: 30px;}
.form-page-box .form-page-box-body .form-page-section h2{padding-left: 10px; border-left: #2672c8 4px solid ;}
.form-page-box .form-page-box-body .form-page-section h2 em{margin-left: 20px;font-size: 14px;}
.form-page-box .form-page-box-body .form-page-section hr{border-top: #ddd dotted 1px;margin:10px 0;}

.form-page-box .form-page-box-body .form-page-section .form-box{padding: 20px 0;}
.form-page-box .form-page-box-body .form-page-section .form-box thead tr{border:#ddd 1px solid;}
.form-page-box .form-page-box-body .form-page-section .form-box thead tr th{background: #fff;border-bottom: none;height: 40px;line-height: 40px;font-size: 15px;}

.form-page-box .form-page-box-body .form-page-section .form-box tbody{border-left:#ddd 1px solid;border-right:#ddd 1px solid;}
.form-page-box .form-page-box-body .form-page-section .form-box tbody tr td{height: 50px;line-height: 50px;padding: 12px 0 12px 8px;}

.form-page-box .form-page-box-body .form-page-section .form-box tbody tr td em{display: none;}
.form-page-box .form-page-box-body .form-page-section .form-box tbody tr td input{position: relative;top: 8px;width: 80%;}

.form-page-box .form-page-box-body .form-page-section .form-box tbody tr td a{color: #fff;}

.form-box tbody .button-caution{position: relative;left: 4px;}

.form-page-box .copy-btn{padding-right: 22px;}
.form-page-box .copy-btn .icon{position: relative;top:0px; color: #fff;color: #a5de37;font-size: 26px;-moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;}
.form-page-box .copy-btn span{display: inline-block;margin-right:20px; width: 100px;float: left;font-size: 16px;}
.form-page-box .copy-btn:hover .icon{color:#aeeb37; }
.form-page-box .form-group{margin:30px 0;line-height: 32px;}
.form-page-box .form-page-box-body .form-horizontal .col-xs-1{padding-top: 3px;text-align: center;}
.form-page-box .form-page-box-body .form-horizontal .col-sm-offset-1{line-height: 48px;}
.bt-tj{margin:0px auto;width: 300px;display: block; }

/*表格选择参数弹窗*/
.modal-body .form-pick-box{min-height: 50px;border:#ddd 1px solid;overflow: hidden;}
.modal-body .form-pick-box .pick-section{width: 100%;padding:10px;overflow: hidden;line-height: 32px;}
.modal-body .form-pick-box .pick-section .pick-name{width: 15%;float: left;font-weight: 600;}
.modal-body .form-pick-box .pick-section .pick-num{width: 85%;float: left;}
.modal-body .form-pick-box .pick-section .pick-num ul li{display:inline-block;margin-right:15px;}
.modal-body .form-pick-box .pick-section .pick-num ul li a{
    padding: 2px 5px;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;}
.modal-body .form-pick-box .pick-section .pick-num ul li.active a{background: #f7971e;color: #fff;}
.modal-body .form-pick-box .pick-section .pick-num ul li:hover a{background: #f7971e;color: #fff;}

.modal-body .form-pick-box .pick-section.erji{border-top: #ddd 1px dotted;}



.pick-span-box{width: 100%;margin:20px 0;}
.pick-span-box .label{background: #ddd;position: relative;padding: 5px 30px 5px 10px;margin-right:10px; color: #555;}
.pick-span-box .label .close{position: absolute;right: 5px;top: 2.5px;}
.pick-span-box-fg{margin:0px 10px;}
.pick-span-box .pick-span{display: inline-block;}

.pick-span-box2{width: 100%;margin:20px 0;}
.pick-span-box2 .label{background: #ddd;position: relative;padding: 5px 30px 5px 10px;margin-right:10px; color: #555;}
.pick-span-box2 .label .close{position: absolute;right: 5px;top: 2.5px;}
.pick-span-box2-fg{margin:0px 10px;}
.pick-span-box2 .pick-span{display: inline-block;}

.form-pick-box .card{border-radius: 0;}
.form-pick-box .card-heading{padding:0;text-align: center;}

.modal-body .form-pick-box .pick-section .pick-pinpai{width: 85%;float: left;}
.modal-body .form-pick-box .pick-section .pick-pinpai ul li{display:inline-block;}
.modal-body .form-pick-box .pick-section .pick-pinpai ul li a{
    border:#efefef 2px solid;
    padding: 2px 5px;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;}
.modal-body .form-pick-box .pick-section .pick-pinpai ul li.active a{border:#2672c8 2px solid;}
.modal-body .form-pick-box .pick-section .pick-pinpai ul li:hover a{border:#aaa 2px solid;}

.form-fenlei-box ul{height: 180px;padding: 5px; overflow:hidden; overflow-y: visible;border:#ddd 1px solid;}
.form-fenlei-box ul li input{height: 24px !important;line-height: 24px;}
.form-fenlei-box ul li label{line-height: 24px;padding-top: 0 !important;}

.form-page-box .form-group .input-group .form-control{height: 42px;border-radius: 0;}
.form-page-box .form-group .input-group .btn.btn-primary{height: 42px;border-radius: 0;line-height: 30px;}
